@charset "UTF-8";
/**
 * 公共美化样式
 * @authors Your Name (you@example.org)
 * @date    2019-09-02 11:04:47
 * @version $Id$
 */
*{margin: 0;padding: 0;}
a{text-decoration: none;color: #333;}
ul,li{list-style: none;}
html,body{position: relative;}
body{font-size: 14px;font-family: "微软雅黑";}

/*scroll*/
::-webkit-scrollbar{width:8px;height:6px;background:#eee;}
::-webkit-scrollbar-button{background-color:#eee;}
::-webkit-scrollbar-track{background:#eee;}
::-webkit-scrollbar-track-piece{background:#eee}
::-webkit-scrollbar-thumb{background:#aaaaaa;}
::-webkit-scrollbar-corner{background:#82AFFF;}
::-webkit-scrollbar-resizer{background:#FF0BEE;}
scrollbar{-moz-appearance:none !important;background:rgb(0,255,0) !important;}
scrollbarbutton{-moz-appearance:none !important;background-color:rgb(0,0,255) !important;}
scrollbarbutton:hover{-moz-appearance:none !important;background-color:rgb(255,0,0) !important;}

scrollbarbutton{display:none !important;}

scrollbar[orient="vertical"]{min-width:8px !important;}
/*scroll*/


/**  公共样式  **/
.clearfix:after{
    content: '';
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
    clear: both;
}
.fl-l{float:left;} .fl-r{float:right;}

/*** position ***/
.position-r{
    position: relative;
}

.position-a{
    position: absolute;
}

/*** width ***/
.app-wrap{display: block;width: 100%;}
.app-w{width: 1200px;margin: 0 auto;}

/** box-sizing **/
.box-s-b{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.app-wrap *, .app-wrap *:before, .app-wrap *:after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -ms-box-sizing: content-box;
}
.user-select{
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

/** 显示隐藏 **/
.show{display: block;}
.hide{display: none;}

/** margin **/
.mar-t20{margin-top: 20px;}
.mar-t30{margin-top: 30px;}
.mar-t40{margin-top: 40px;}


/** margin **/

/** 文本不换行 **/
.text-not-wrap{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
